<?php
include "../../fun.php";
isLogin();
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>关于我们</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../static/layuiAdmin.std-v1.7.1/src/layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../static/layuiAdmin.std-v1.7.1/src/layuiadmin/style/admin.css" media="all">
</head>
<body>

  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-body">
        <div style="padding-bottom: 10px;">
          <!-- <button class="layui-btn layuiadmin-btn-list" data-type="batchdel">删除</button> -->
          <button class="layui-btn layuiadmin-btn-list" data-type="add">添加</button>
        </div>
        <table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table> 
        <script type="text/html" id="table-content-list">
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
        </script>
      </div>
    </div>
  </div>

  <script src="../../static/layuiAdmin.std-v1.7.1/src/layuiadmin/layui/layui.js"></script>  
  <script>
  layui.config({
    base: '../../static/layuiAdmin.std-v1.7.1/src/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index','table'], function(){
    var table = layui.table
    ,form = layui.form;
    
    //执行一个 table 实例
    table.render({
        elem: '#LAY-app-content-list'
        ,height: 420
        ,url: 'list.php' //数据接口
        ,title: '关于我们'
        ,cols: [[ //表头
        {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left',align:'center'}
        ,{field: 'aboutus_name', title: '名称',align:'center'}
        ,{field: '', title: '操作',align:'center',toolbar: '#table-content-list'}
        ]]
    });

    //行工具事件
    table.on('tool(LAY-app-content-list)', function(obj){ //注：tool 是工具条事件名，LAY-app-content-list 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
        
        if(layEvent === 'del'){ //删除
            layer.confirm('真的删除行么', function(index){
            obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
            //向服务端发送删除指令
            $.ajax({
                url: "./del.php",
                data: {id:data.id},
                dataType: "json",
                success: function (res) {
                    if (res.code==0) {
                      table.reload('LAY-app-content-list');
                      layer.msg('已删除');
                    }
                }
            });
            });
        } else if(layEvent === 'edit'){ //编辑
            //do something
            layer.open({
                type: 2,
                title: '修改--关于我们',
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['91%', '550px'],
                content: './edit.php?id=' + data.id
            });
        }
    });
    
    var $ = layui.$, active = {
      add: function(){
        layer.open({
          type: 2
          ,title: '添加---关于我们'
          ,content: './add.php'
          ,maxmin: true
          ,area: ['91%', '550px']
        //   ,btn: ['确定', '取消']
        //   ,yes: function(index, layero){
        //     //点击确认触发 iframe 内容中的按钮提交
        //     var submit = layero.find('iframe').contents().find("#layuiadmin-app-form-submit");
        //     submit.click();
        //   }
        }); 
      }
    }; 

    $('.layui-btn.layuiadmin-btn-list').on('click', function(){
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });

  });
  </script>
</body>
</html>
